'use client';

import React from 'react';
import Image from 'next/image';
import { Tabs, List } from 'antd';
import Back from './back';
import TestEnv from './testEnv';
import ProEnv from './proEnv';
import Icon from './app.png';

const { Item } = List;
const { Meta } = Item;
const data = [
  {
    title: 'Ant Design Title 1',
  },
];
function App() {
  return (
    <div className="appServer">
      <List
        itemLayout="horizontal"
        dataSource={data}
        style={{ borderBottom: '1px solid #EEEEEE' }}
        renderItem={() => (
          <Item>
            <Meta
              avatar={(
                <Image
                  style={{ width: 50, height: 50 }}
                  src={Icon}
                  alt="logo"
                />
              )}
              title="智能人脸识别系统验收测试部署v10.2.3"
              description="描述：dzgwxt | 用户组：ZB管理组 | 创建人：zhaoxi | 创建时间：2023-03-10 12:12:12"
            />
          </Item>
        )}
      />
      <Back />
      <Tabs
        items={[
          {
            key: 1,
            label: '验收测试环境',
            children: <TestEnv />,
          },
          {
            key: 2,
            label: '生产环境',
            children: <ProEnv />,
          },
        ]}
        onChange={() => {}}
      />
    </div>
  );
}
export default App;
